<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./template/template.xhtml">
            <ui:define name="content">
                <h2>
                    <center>
                        Adding a New Animal to your Farm
                    </center>
                </h2>
                <h1>

                </h1>
                <br></br>
                <center>
                    <h:form>
                        <table >
                            <thead>                               
                                <tr>
                                    <th>Animal Visual ID</th>
                                    <td><h:inputText value="#{newAnimalBean.idVisual}"/></td>
                                </tr>
                                <tr>
                                    <th>Sex</th>
                                    <td>
                                        <h:selectOneMenu id="Sex" value="#{newAnimalBean.sex}">
                                            <f:selectItem id="female" itemLabel="Female" itemValue="True" />
                                            <f:selectItem id="male" itemLabel="Male" itemValue="False" />
                                        </h:selectOneMenu><br></br>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Horned</th>
                                    <td><h:selectOneMenu id="Horn" value="#{newAnimalBean.horn}">
                                            <f:selectItem id="Yes" itemLabel="Yes" itemValue="True" />
                                            <f:selectItem id="NO" itemLabel="No" itemValue="False" />
                                        </h:selectOneMenu><br></br>
                                    </td>
                                </tr>
                                <tr>
                                    <th>Comments</th>
                                    <td><h:inputText value="#{newAnimalBean.comment}"/></td>
                                </tr>
                            </thead>
                        </table>
                        <h:commandButton value="Submit" action="showAnimalInput"/>
                        <h:commandButton value="Cancel" action="index"/><br></br>
                    </h:form>
                </center>
            </ui:define>
        </ui:composition>
    </body>
</html>